.search_box {
  height: 100%;
  background: #f4f4f4;
  display: flex;
  flex-direction: column;
  .search_box_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #fff;
    .input {
      flex: 1;
      height: 2.7rem;
      margin: 0 0.5rem 0 0.7rem;
      background: #f4f4f4;
      border-radius: 5rem;
      padding: 0 1rem 0 1.3rem;
      border: none;
    }
    .search_btn {
      border: none;
      background: #fff;
      color: #206ce7;
      font-size: 1.1rem;
      padding: 0;
    }
  }
  .search_box_content {
    flex: 1;
    padding: 1rem;
    margin-top: 0.5rem;
    background: #fff;
    .search_content {
      .search_box_content_history {
        .content_history_title {
          font-size: 1.15rem;
          margin: 0.5rem 0;
          color: #1364e7;
        }
        .content_history_ul {
          padding: 0 0 1rem;
          li {
            display: flex;
            justify-content: space-between;
            align-items: center;
         
            padding: 1rem 0;
          }
        }
      }
      .search_box_content_hot {
        .content_hot_title {
          font-size: 1.15rem;
          margin: 0.5rem 0;
          color: #1364e7;
        }
        .content_hot_ul {
          display: flex;
          flex-wrap: wrap;
          padding: 1rem 0;
          li {
            background: #f4f4f4;
            padding: 0.4rem 1.1rem;
            margin-bottom: 0.6rem;
            margin-right: 0.6rem;
            border-radius: 0.4rem;
          }
        }
      }
    }

    .search_list {
      & > div {
        & > div {
          font-size: 1.15rem;
          margin: 0.5rem 0;
          color: #1364e7;
        }
        ul {
            padding: 0 0 1rem;
            li{
                padding: 0.7rem 0;
            }
        }
      }
    }
  }
}
